<template>
  <view class="shareBox">
    <view class="share-item" @click="shareWeifriend">
      <image src="../static/imgs/weixinhy.png" mode=""></image>
      <text>微信好友</text>
    </view>
    <view class="share-item" @click="shareCircle">
      <image src="../static/imgs/pengyouq.png" mode=""></image>
      <text>朋友圈</text>
    </view>
  </view>
</template>
<script>
export default {
  name   : "sharewx",
  props  : {
    showShare: {
      type   : Boolean,
      default: false
    }
  },
  methods: {
    shareWeifriend() {
      console.log('分享好友')
    },
    shareCircle() {
      console.log('分享朋友圈')
    }
  }
}
</script>
<style lang="scss" scoped>
.shareBox {
  display: flex;
  align-items: center;

  .share-item {
    width: 356rpx;
    height: 240rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    image {
      width: 88rpx;
      height: 88rpx;
    }

    text {
      font-size: 28rpx;
      font-family: Segoe UI;
      font-weight: 400;
      color: #333;
      margin-top: 20rpx;
    }
  }
}
</style>